<!--
 * @Author: LiuHaiL 18655112670@139.com
 * @Date: 2023-07-12 10:39:30
 * @LastEditors: LiuHaiL 18655112670@139.com
 * @LastEditTime: 2023-07-31 11:09:19
 * @FilePath: \general-admin\src\App.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->

<template>
  <el-config-provider :locale="lang">
    <router-view></router-view>
  </el-config-provider>
</template>
<script setup lang="ts">
import { onMounted, watch } from "vue";
import { useI18n } from "vue-i18n";
import iconfontInit from '/@/utils/iconfont'
import { useConfig } from '/@/stores/config'
import { setTitleFromRoute } from '/@/utils/common'
import { useRoute } from "vue-router";
const config = useConfig()
const route = useRoute()
// 初始化 element 的语言包
const { getLocaleMessage } = useI18n()
const lang = getLocaleMessage(config.lang.defaultLang) as any
onMounted(() => {
    iconfontInit()
    // Modules onMounted mark, Please do not remove.
})


// 监听路由变化时更新浏览器标题
watch(
    () => route.path,
    () => {
        setTitleFromRoute()
    }
)
</script>

<style>
.ad-fixed-right{
    width: 100% !important;
}
/* 用来设置当前页面element全局table 鼠标移入某行时的背景色*/
.el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: #D3D3D3 !important;
    cursor:pointer; /* 修改鼠标样式 */
    /* color: #f19944; */ /* 设置文字颜色，可以选择不设置 */
}
.el-table__body tr.current-row > td {
  color: #fff;
  background: #e95513 !important;
}
</style>

